<div class="panel-group" id="accordion">
	<div class="panel panel-default">
		<div class="panel-heading">
			<h4 class="panel-title">
				<a data-toggle="collapse" data-parent="#accordion" href="#collapse-1">
					<span class="glyphicon glyphicon-folder-close"></span>User
				</a>
			</h4>
		</div>
		<div id="collapse-1" class="panel-collapse collapse in">
			<div class="panel-body">
				<ul class="list-group">
					<li class="list-group-item"><span class="glyphicon glyphicon-pencil text-primary"></span> <a>User</a>
						<ul class="list-group">
							@if (allowed('user/index'))
								<li class="list-group-item"><span class="glyphicon glyphicon-minus text-primary"></span> {{ link_to_route('admin.user.index', 'Manage User') }}</li>
							@endif
							@if (allowed('group/index'))
								<li class="list-group-item"><span class="glyphicon glyphicon-minus text-success"></span> {{ link_to_route('admin.group.index', 'User Groups') }}</li>
							@endif
						</ul>
					</li>
					<li class="list-group-item"><span class="glyphicon glyphicon-edit text-primary"></span> <a>CMS</a>
						<ul class="list-group">
							@if (allowed('post/index'))
								<li class="list-group-item"><span class="glyphicon glyphicon-minus text-primary"></span> {{ link_to_route('admin.post.index', 'Manage Post') }}</li>
							@endif
						</ul>
					</li>
					<li class="list-group-item"><span class="glyphicon glyphicon-share-alt text-info"></span> <a>Share</a></li>
					<li class="list-group-item"><span class="glyphicon glyphicon-bell text-success"></span> <a>Users online</a><span class="badge">7</span></li>
				</ul>
			</div>
		</div>
 	</div><!-- /.panel-default -->
	<div class="panel panel-default">
		<div class="panel-heading">
			<h4 class="panel-title">
				<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
					<span class="glyphicon glyphicon-folder-close"></span>Content
				</a>
			</h4>
		</div>
		<div id="collapseOne" class="panel-collapse collapse">
			<div class="panel-body">
				<table class="table">
					<tr>
						<td>
							<span class="glyphicon glyphicon-pencil text-primary"></span><a href="#">Articles</a>
						</td>
					</tr>
					<tr>
						<td>
							<span class="glyphicon glyphicon-flash text-success"></span><a href="#">News</a>
						</td>
					</tr>
					<tr>
						<td>
							<span class="glyphicon glyphicon-file text-info"></span><a href="#">Newsletters</a>
						</td>
					</tr>
					<tr>
						<td>
							<span class="glyphicon glyphicon-comment text-success"></span><a href="#">Comments</a>
							<span class="badge">42</span>
						</td>
					</tr>
				</table>
			</div>
		</div>
 	</div><!-- /.panel-default -->
	<div class="panel panel-default">
		<div class="panel-heading">
			<h4 class="panel-title">
				<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
					<span class="glyphicon glyphicon-th"></span>Modules
				</a>
			</h4>
		</div>
		<div id="collapseTwo" class="panel-collapse collapse">
			<div class="panel-body">
				<table class="table">
					<tr>
						<td>
							<a href="#">Orders</a>
							<span class="label label-success">$ 320</span>
						</td>
					</tr>
					<tr>
						<td>
							<a href="#">Invoices</a>
						</td>
					</tr>
					<tr>
						<td>
							<a href="#">Shipments</a>
						</td>
					</tr>
					<tr>
						<td>
							<a href="#">Tex</a>
						</td>
					</tr>
				</table>
			</div>
		</div>
 	</div><!-- /.panel-default -->
	<div class="panel panel-default">
		<div class="panel-heading">
			<h4 class="panel-title">
				<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
					<span class="glyphicon glyphicon-user"></span>Account
				</a>
			</h4>
		</div>
		<div id="collapseThree" class="panel-collapse collapse">
			<div class="panel-body">
				<table class="table">
					<tr>
						<td>
							<a href="#">Change Password</a>
						</td>
					</tr>
					<tr>
						<td>
							<a href="#">Notifications</a> 
							<span class="label label-info">5</span>
						</td>
					</tr>
					<tr>
						<td>
							<a href="#">Import/Export</a>
						</td>
					</tr>
					<tr>
						<td>
							<span class="glyphicon glyphicon-trash text-danger"></span>
							<a href="#" class="text-danger">Delete Account</a>
						</td>
					</tr>
				</table>
			</div>
		</div>
 	</div><!-- /.panel-default -->
	<div class="panel panel-default">
		<div class="panel-heading">
			<h4 class="panel-title">
				<a data-toggle="collapse" data-parent="#accordion" href="#collapseFour">
					<span class="glyphicon glyphicon-file"></span>Reports
				</a>
			</h4>
		</div>
		<div id="collapseFour" class="panel-collapse collapse">
			<div class="panel-body">
				<table class="table">
					<tr>
						<td>
							<span class="glyphicon glyphicon-usd"></span>
							<a href="#">Sales</a>
						</td>
					</tr>
					<tr>
						<td>
							<span class="glyphicon glyphicon-user"></span>
							<a href="#">Customers</a>
						</td>
					</tr>
					<tr>
						<td>
							<span class="glyphicon glyphicon-tasks"></span>
							<a href="#">Products</a>
						</td>
					</tr>
					<tr>
						<td>
							<span class="glyphicon glyphicon-shopping-cart"></span>
							<a href="#">Shopping Cart</a>
						</td>
					</tr>
				</table>
			</div>
		</div>
 	</div><!-- /.panel-default -->
</div>